* {
   box-sizing: border-box;
}

/***********GOOGLE CUSTOM SEARCH***********/
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 0px !important; }

  .gsc-search-button {
    width: 50px !important;
    height: 50px !important;
    }
	button > svg {
	    width: 15px !important;
	    height: 15px !important;	}

	#gs_tti50 ::placeholder {
    	color:white;
	}

	#gs_tti50 input {
		background: none !important;
	}
/*****************************************/

html, body {
   margin: 0;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 18px;
}

h1,
h2,
h3,
h4,
h5 {
   font-family: Dosis, sans-serif
}

.view-contain {
   margin: 0 auto;
   max-width: 1200px;
}

img {
   max-width: 100%;
   height: auto
}

b,strong {
 font-weight: 700;
}

a {
   /* color: #224f80; */
   color: #0066cc;
   text-decoration: none;
}

  /*ADDED ICONS - MIrnA 2020*/
  a>i { padding: 0 .3rem; }

.NEWS_FEED_DISPLAY_LINK_ARCHIVE {
    color: white;
    background-color: #75af8a;
    padding:10px;
    border-radius: 8px;
}

/*! Accessibility */
.skip-to {
   position: absolute;
   left: -10000px;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden
}

/*! Header */

header {
   background: #699FCF;
   text-align: center;
}

.header-row {
   background: #FFF;
}

.header-contact {
   font-family: Dosis, sans-serif
}

header .logo img {
   max-width: 135px;
   margin: 0 auto;
   width: 100%;
   display: block;
}

.phone-row, .email-row {
   display: none;
}

.phone-row img,
.email-row img {
   max-width: 30px;
}

.search-container {
    padding: 1rem 0;
}

.search-container input {
    vertical-align: middle;
}

.search-container input[type="text"] {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    min-height: 46px;
}

.search-container input[type="image"] {
    max-width: 50px;
    border: none;
    margin-top: -1px;
}

input.SEARCH_FORM_BOX {
    font-size: .8rem;
    font-family: Dosis, sans-serif;
    font-weight: 400;
    padding: .3rem;
    width: 80%;
}

.main-navigation {
    background: #1E4F80;
}

.home-banner-bg {
   background-repeat: no-repeat;
   background-size: cover;
   padding: 2rem 1rem 1rem 1rem;
   text-align: center;
}

.home-button-flex_row {
   display: flex;
   flex-flow: row wrap;
}

.home-button-flex_item {
   width: 50%;
   padding: .5rem
}

.home-content-events,
.home-content-news {
   padding: 1rem;
}

.home-content-events {
   /* position: relative; */
}

.home-content-events h2,
.home-content-news h2 {
   color: #60a1d1;
   text-transform: uppercase;
   display: inline-block;
   padding-right: 10px;
   padding-bottom: 5px;
   border-right: 3px solid;
   border-bottom: 3px solid;
   font-size: 2rem;
   font-family: 'Open Sans', sans-serif;
}

.home-content-events h2,
.home-content-news h2 {
   margin-top: .5rem;
}

.home-content-news h2 {
    margin-bottom: 0
}

.events-display_item,
.home-content-events .NEWS_FEED_DISPLAY_ROW_TITLE {
   /* padding: 1rem; */
   /* margin-bottom: 1rem; */
   /* color: #FFF; */
   /* position: relative; */
}

.home-content-events .NEWS_FEED_DISPLAY_ROW_TITLE {
    /* margin-bottom: 0; */
}

.home-content-events .NEWS_FEED_DISPLAY_ROW_TITLE {
    /* min-height: 50px; */
    /* width: 100%; */
}

.events-display_item span,
.home-content-events span.NEWS_FEED_DISPLAY_TITLE {
   color: #cbe4f8;
   text-transform: uppercase;
   font-size: 16px;
}

.events-display_item .event-title,
.home-content-events .NEWS_FEED_DISPLAY_LINK_TITLE {
   /* text-transform: uppercase; */
   /* font-family: Dosis, sans-serif; */
   /* font-weight: 700; */
   /* padding-right: 2.5rem; */
}

.event-title a,
.home-content-events .NEWS_FEED_DISPLAY_LINK_TITLE {
    /* color: #FFF */
}

.more-events {
   display: none;
}

.events-display_item div:nth-of-type(2) a {
   background: #c6dd9e;
   color: #FFF;
   position: absolute;
   right: 0;
   bottom: 10px;
   padding: 5px 10px;
}

.more-events,
.more-events-mobile,
.more-news {
   background: #334B71;
   text-transform: uppercase;
   display: inline-block;
}

.more-events a,
.more-events-mobile a,
.more-news a {color: #FFF;padding: .5rem .8rem;display: block;}

.more-events img,
.more-events-mobile img,
.more-news img {
   vertical-align: middle;
   padding-right: 1rem;
   margin-top: -.2rem;
   max-width: 45px;
}

.more-events span,
.more-events-mobile span,
.more-news span {
   font-family: Dosis, sans-serif;
}

.news-item {
   border-bottom: 5px solid #F4EDE6;
   padding-bottom: .5rem;
   margin: .5rem 0 1rem 0;
}

.news-item:last-of-type {
   border-bottom: none;
}

.NEWS_FEED_DISPLAY_ROW_TITLE {
    margin: 1rem 0;
    padding-bottom: 1rem;
    border-bottom: 3px solid #f5ede6;
}

.NEWS_FEED_DISPLAY_ROW_TITLE:last-of-type {
    border-bottom: none;
}

.home-content-news .NEWS_FEED_DISPLAY_TITLE {
   font-weight: 700;
}

.NEWS_FEED_DISPLAY_LINK_TITLE {
   margin: .5rem 0;
   color: #0066cc;
}

.home-content-social {
   background: url(/data/layout/images/social-bg.jpg);
   margin-top: 1rem;
   margin-bottom: 1rem;
   padding: .5rem 1rem;
   position: relative;
}

.home-content-social-icon,
.home-content-social-secondary {
   display: inline-block;
   vertical-align: middle;
}

.home-content-social-icon span {
    vertical-align: middle;
    color: #334B71;
    font-weight: 600;
}

.home-content-social-icon img {
    vertical-align: middle;
    padding-right: .5rem;
}

.home-content-social-secondary {
   background: #334B71;
   color: #FFF;
   position: absolute;
   right: 0;
   top: 0;
   padding: .5rem;
}

.home-content-social-secondary p {
   display: none;
}

.home-content-social-feed {
    width: 100%;
    text-align: center;
    padding-top: 2rem;
}

.hide-content {
   display: none;
}

footer {
   background: #294E7E;
   padding: 1rem;
   color: #FFF;
   text-align: center;
   font-family: Dosis, sans-serif
}

footer h3 {
   text-transform: uppercase;
}

footer .address-info {
   font-weight: 300;
}

footer .address-info span {
   display: block;
   padding-left: 20px;
}

footer .address-info span:first-of-type {
   margin-top: 1rem;
   padding-left: 20px;
}

footer h3 {
   font-weight: 550;
   margin-bottom: .5rem;
}

footer a {
   text-decoration: underline;
   color: #FFF;
}

.heading-link::after {
   content: url(/data/layout/images/green-right-arrow.png);
   padding-left: 1rem;
}

footer .contact-button {
   background: #FFF;
   border-radius: 8px;
   padding: 1rem;
   margin: 1rem 0;
   display: inline-block;
}

footer .contact-button .phone-detail {
   color: #000;
   display: inline-block;
   text-align: right;
   margin-left: 1rem;
}

footer .contact-button a {
   color: #75af8a;
   font-size: 1.2rem;
   font-weight: 700;
   text-decoration: none;
}

footer .contact-button span {
   display: block;
}

span.footer-content-row {
   display: block;
   margin-bottom: .5rem
}

span.footer-content-row img {
 vertical-align: middle;
 padding-right: .7rem;
 margin-top: -.2rem;
}

.heading-link a {
   text-decoration: none;

}

.internal-content-wrapper {
   background-repeat: no-repeat;
   background-size: cover;
   padding:.5rem;
}

.internal-content-flex {
   padding: 1rem;
   background: #FFF;
   display: flex;
   flex-direction: column-reverse;
   border-radius: 8px;
}

.internal-content-main.internal-content-full {
    background: #FFF;
    width: 100%;
    padding: 2rem;
    border-radius: 8px;
}

.internal-content-sidebar {
   background: #75af8a;
   border-radius: 8px;
   padding: 1rem;
}

.internal-content-user_aside h3 {
   color: #224f80;
   text-transform: uppercase;
   padding-bottom: .5rem;
   border-bottom: 3px solid #75af8a
}

.internal-content-user_aside ul {
   list-style-type: none;
   padding-left: 1rem;
}

.internal-content-user_aside ul li {
   margin-bottom: .4rem;
}

.internal-content-user_aside ul li::before {
   content: url(/data/layout/images/green-right-arrow.png);
   vertical-align: middle;
   padding-right: .5rem
}
.internal-content-user_main h1,
.internal-content-user_main h2,
.internal-content-user_main h3,
.internal-content-user_main h4,
.internal-content-user_main h5 {
    text-transform: uppercase
}

.internal-content-main h1 {
    font-size: 1.6rem;
    text-transform: uppercase;
}

/*! Internal Content - Sidebar Specific */

.internal-content-sidebar ul {
    list-style-type: none;
    padding-left: 0;
}

.internal-content-sidebar ul li {
    padding-bottom: .4rem;
}

.internal-content-sidebar ul li a {
    color: #FFF;
}

.sidebar-header h2 {
    color: #FFF;
    font-size: 1.3rem;
}

/*! Internal Content - Sidebar - Custom Icons & Hovers */

.sidebar-header h2::before {
    content: '';
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 15px;
    margin-right: 6px;
}

.parks-and-rec .sidebar-header h2::before {
    background-image: url('/data/layout/images/parks-icon.png');
}

.utilities-and-residents .sidebar-header h2::before {
    background-image: url('/data/layout/images/utilities-icon.png');
}

.district-business .sidebar-header h2::before {
    background-image: url('/data/layout/images/districts-icon.png');
}

.parks-and-rec .internal-content-sidebar ul li a:hover, .internal-content-sidebar ul li a:active {
    border-bottom: 2px solid #D56330;
}

.utilities-and-residents .internal-content-sidebar ul li a:hover, .internal-content-sidebar ul li a:active {
    border-bottom: 2px solid #606671;
}

.district-business .internal-content-sidebar ul li a:hover, .internal-content-sidebar ul li a:active {
    border-bottom: 2px solid #8F4A9E;
}

/*! QContent Utilities - Emergency Alert */
#EmergencyAlert {
    background-color: orange;
    border-top: 5px solid darkorange;
    border-bottom: 5px solid darkorange;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #fff;
  /*  padding: 10px; */
    z-index: 1;
}

#EmergencyAlert h1 {
	margin: 9px;
}
#EmergencyAlert p,#EmergencyAlert span {
    font-size: 16px;
    line-height: 1.2;
    color: #fff!important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}
#EmergencyAlert a { /*3.17.2020 - MIRNA*/
    color: #ce0000;
    text-decoration: none;
    border-bottom: 1px dotted #ce0000;
}/*
#EmergencyAlert a {
    color: #ffdf3c;
    text-decoration: none;
    border-bottom: 1px dotted #ffdf3c
}*/

#EmergencyAlert a:hover {
    color: #ffd609;
    text-decoration: none;
    border-bottom: 1px solid #ffd609
}

/*! QContent Utilities- Calendar */
.calendar-contain {
    overflow-y: scroll
}

span#ctl18_C {
    width: 100%
}

.GLOW_STYLE {
    background-color: #fff;
    font-size: 14px;
    color: #000;
    border: 0;
    cursor: default;
    margin-top: 8px
}

.GLOW_NEXTPREV a,.GLOW_TITLE {
    background-color: #1C507E!important;
    font-size: 20px;
    color: #fff;
    height: 32px;
    line-height: 32px;
}

.GLOW_OTHER_MONTH {
    background-color: #f0f0f0;
    color: #999
}

.GLOW_TODAY {
    background-color: #fff;
    color: #000;
    border: 3px solid #e2933f
}

/*Styles below removed to work with colored tiles

.GLOW_TODAY table a {
    display: block;
    text-decoration: none;
    font-size: 20px;
    background-color: #5BB893;
    padding: 3px!important;
    margin: 3px;
    color: #fff!important;
}
*/

.GLOW_TODAY>table {
    background-color: #fff!important
}

/*
.GLOW_TODAY table a:hover {
    background-color: #17254f;
    color: #fff
}
*/

.GLOW_WEEKEND table a {
    border-radius: 0
}

.GLOW_SELECTED {
    background-color: #e8f4fd;
    color: #000
}

.GLOW_NORMAL {
    color: #000
}

.GLOW_NORMAL table a,.GLOW_WEEKEND table a {
    display: block;
    padding: 10px;
    margin: 0 10px;
    text-decoration: none;
    /* color: #000!important; */
    -moz-border-radius: 5px;
    font-size: 12px;
    /* border-left: 4px solid #6FB18B;
    background-color: #f0f0f0; */
}

/*
.GLOW_NORMAL table a:hover,.GLOW_WEEKEND table a:hover {
    background-color: rgba(40,125,172,.2)
}
*/

.GLOW_NEXTPREV a {
    color: #fff!important;
    text-decoration: none!important;
    font-weight: 700;
    padding: 0 10px
}

/*
.GLOW_TODAY table,.GLOW_WEEKEND table,td.GLOW_NORMAL table {
    background: 0 0!important
}
*/

A:link.GLOW_LINK,A:visited.GLOW_LINK {
    text-decoration: none
}

.GLOW_STYLE th {
    background: #67A1CD;
    color: #fff;
    padding: 6px;
    border: 0;
    font-size: 1.2rem;
    font-weight: 400;
}

.RadPanelbar_Default {
    white-space: normal!important;
    margin-top: 10px!important
}

.panelbar .group {
    overflow-x: visible!important
}

.SMALLCAL_STYLE {
    width: 215px!important;
    border: 0!important;
    margin: 10px auto!important;
    background: 0 0!important;
    -ms-box-shadow: 1px 1px 3px rgba(0,0,0,.4);
    -o-box-shadow: 1px 1px 3px rgba(0,0,0,.4);
    box-shadow: 1px 1px 3px rgba(0,0,0,.4)
}

table.SMALLCAL_STYLE>tbody>tr>td:first-child {
    background: 0 0;
    border: 0!important
}

.SMALLCAL_TITLE {
    background-color: #213b52!important;
    font-weight: 700;
    color: #fff;
    font-size: 13px
}

.SMALLCAL_TITLE td {
    padding: 5px
}

.SMALLCAL_TITLE .SMALLCAL_NEXTPREV {
    padding: 0 5px!important;
    margin: 0;
    vertical-align: middle
}

.SMALLCAL_TITLE .SMALLCAL_NEXTPREV a {
    color: #fff;
    text-decoration: none
}

.SMALLCAL_STYLE th {
    border: 0!important;
    font-size: 9px;
    text-transform: uppercase;
    color: #000;
    line-height: 20px;
    background: #fff;
    border-left: 1px solid #f0ede3;
    width: 32px;
    text-align: center
}

.SMALLCAL_STYLE td:first-child,.SMALLCAL_STYLE th:first-child {
    border-left: 0
}

table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_NORMAL,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_OTHER_MONTH,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_WEEKEND {
    color: #000
}

table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_NORMAL,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_OTHER_MONTH,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_TODAY,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_WEEKEND {
    font-size: 12px;
    font-weight: 700;
    border: 0!important;
    border-top: 1px solid #e6e7e8!important;
    border-left: 1px solid #e6e7e8!important;
    line-height: 28px;
    width: 30px;
    background-color: #fff
}

table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_NORMAL a,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_OTHER_MONTH a,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_TODAY a,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_WEEKEND a {
    clear: both;
    display: block;
    position: relative;
    color: #405e74
}

table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_NORMAL a:hover,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_OTHER_MONTH a:hover,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_TODAY a:hover,table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_WEEKEND a:hover {
    color: #00703c;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_OTHER_MONTH {
    background: #e6e7e8!important
}

table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_TODAY {
    margin: -1px;
    color: #f3f3f3
}

table.SMALLCAL_STYLE>tbody>tr>td.SMALLCAL_TODAY>a {
    color: #fff!important
}

/*! QContent Utilities - File Browsers */

.FolderPreText, .FB_Footer, div[id^="FB"] h2, div[id^="FB"] span {
    display: none;
}

div[id^="FB"] ul {
    padding: 0;
    margin-right: 5px
}

div[id^="FB"] li {
        list-style-type: none;
    margin: 8px 0 0 -10px;
    display: block;
    background: rgba(232,243,244,.4);
    padding: 8px 16px;
    border: 1px solid #375c74
}

div[id^="FB"] li:hover {
    background: rgba(197,218,229,.2)

}

div[id^="FB"]>ul>li>div>div {
       font-size: 14px;
    color: #444;
    margin: 0 0 0 28px
}

div[id^="FB"]img {
    margin-right: 8px;
    border: 0
}

div[class^="FB_FileListUL"] {
    list-style-type: none;
    padding: 5px 8px
}

/*! QContent Utilities - Zebra List Table */
.ContentTemp_Zebra {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #e6efec;
    margin: 0
}

.ContentTemp_Zebra th {
    font-weight: 400;
    border: 1px solid rgba(53,91,117,.2);
    text-align: left;
    padding: 4px 10px
}

.ContentTemp_Zebra tbody td {
    border-left: 1px solid rgba(53,91,117,.2);
    border-right: 1px solid rgba(53,91,117,.2);
    border-bottom: 1px solid rgba(53,91,117,.2);
    border-top: 1px solid rgba(53,91,117,.2);
    padding: .8em 1em .5em .7em
}

.ContentTemp_Zebra tr:nth-child(even) {
    background: rgba(53,91,117,.1)
}

.ContentTemp_Zebra.Zebra_White tbody td {
    padding: 0
}

.ContentTemp_Zebra.Zebra_White p {
    margin: 0
}

.ContentTemp_Zebra.Zebra_White p a {
    text-decoration: none;
    width: 100%;
    padding: .8em .8em .6em;
    display: block
}

.ContentTemp_Zebra.Zebra_White tr:nth-child(even) {
    background: 0 0
}

.ContentTemp_Zebra.Zebra_White tr {
    border: 1px solid #4e9ebc
}

.ContentTemp_Zebra.Zebra_White thead tr {
    border: 0
}

.ContentTemp_Zebra.Zebra_White p a:hover {
    background: #e4f1f9
}

.zebra-table_contain {
    overflow-x: scroll;
    padding-right: 10px
}

/*
::-webkit-scrollbar {
    width: 0;
    background: 0 0
}
*/

/*! QContent Utilities - Data Tables */
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable tfoot th,table.dataTable thead th {
    font-weight: 700
}

table.dataTable thead td,table.dataTable thead th {
    padding: 10px 9px;
    border-bottom: 1px solid #213b52;
    text-align: left
}

table.dataTable thead td:active,table.dataTable thead th:active {
    outline: 0
}

table.dataTable tfoot td,table.dataTable tfoot th {
    padding: 10px 18px 6px;
    border-top: 1px solid #111
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand
}

table.dataTable thead .sorting {
    background: url(/data/layout/images/sort_both.png) no-repeat center right
}

table.dataTable thead .sorting_asc {
    background: url(/data/layout/images/sort_asc.png) no-repeat center right
}

table.dataTable thead .sorting_desc {
    background: url(/data/layout/images/sort_desc.png) no-repeat center right
}

table.dataTable thead .sorting_asc_disabled {
    background: url(/data/layout/images/sort_asc_disabled.png) no-repeat center right
}

table.dataTable thead .sorting_desc_disabled {
    background: url(/data/layout/images/sort_desc_disabled.png) no-repeat center right
}

table.dataTable tbody tr {
    background-color: #fff
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9
}

table.dataTable tbody td,table.dataTable tbody th {
    padding: 8px 10px
}

table.dataTable.display tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.row-border tbody tr:first-child th {
    border-top: none
}

table.dataTable.cell-border tbody td,table.dataTable.cell-border tbody th {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr td:first-child,table.dataTable.cell-border tbody tr th:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child td,table.dataTable.cell-border tbody tr:first-child th {
    border-top: none
}

table.dataTable.display tbody tr.odd,table.dataTable.stripe tbody tr.odd {
    background-color: rgba(135,195,202,.2)
}

table.dataTable.display tbody tr.odd.selected,table.dataTable.stripe tbody tr.odd.selected {
    background-color: #abb9d3
}

table.dataTable.display tbody tr.even:hover,table.dataTable.display tbody tr.odd:hover,table.dataTable.display tbody tr:hover,table.dataTable.hover tbody tr.even:hover,table.dataTable.hover tbody tr.odd:hover,table.dataTable.hover tbody tr:hover {
    background-color: #cdd4db
}

table.dataTable.display tbody tr.even:hover.selected,table.dataTable.display tbody tr.odd:hover.selected,table.dataTable.display tbody tr:hover.selected,table.dataTable.hover tbody tr.even:hover.selected,table.dataTable.hover tbody tr.odd:hover.selected,table.dataTable.hover tbody tr:hover.selected {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3,table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3 {
    background-color: #f9f9f9
}

table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3,table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3 {
    background-color: #acbad4
}

table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: rgba(135,195,202,.1)
}

table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: #f5f5f5
}

table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b3cd
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a7b5ce
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b6d0
}

table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: rgba(230,239,236,.1)
}

table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fbfbfb
}

table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fdfdfd
}

table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad4
}

table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #adbbd6
}

table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr.even:hover>.sorting_1,table.dataTable.display tbody tr.odd:hover>.sorting_1,table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: rgba(78,158,188,.1)
}

table.dataTable.display tbody tr.even:hover>.sorting_2,table.dataTable.display tbody tr.odd:hover>.sorting_2,table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ebebeb
}

table.dataTable.display tbody tr.even:hover>.sorting_3,table.dataTable.display tbody tr.odd:hover>.sorting_3,table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #eee
}

table.dataTable.display tbody tr.even:hover.selected>.sorting_1,table.dataTable.display tbody tr.odd:hover.selected>.sorting_1,table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a1aec7
}

table.dataTable.display tbody tr.even:hover.selected>.sorting_2,table.dataTable.display tbody tr.odd:hover.selected>.sorting_2,table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a2afc8
}

table.dataTable.display tbody tr.even:hover.selected>.sorting_3,table.dataTable.display tbody tr.odd:hover.selected>.sorting_3,table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a4b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #213b53
}

table.dataTable.nowrap td,table.dataTable.nowrap th {
    white-space: nowrap
}

table.dataTable.compact thead td,table.dataTable.compact thead th {
    padding: 5px 9px
}

table.dataTable.compact tfoot td,table.dataTable.compact tfoot th {
    padding: 5px 9px 3px
}

table.dataTable.compact tbody td,table.dataTable.compact tbody th {
    padding: 4px 5px
}

table.dataTable td.dt-left,table.dataTable tfoot td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable th.dt-left,table.dataTable thead td.dt-head-left,table.dataTable thead th.dt-head-left {
    text-align: left
}

table.dataTable td.dataTables_empty,table.dataTable td.dt-center,table.dataTable tfoot td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable th.dt-center,table.dataTable thead td.dt-head-center,table.dataTable thead th.dt-head-center {
    text-align: center
}

table.dataTable td.dt-right,table.dataTable tfoot td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable th.dt-right,table.dataTable thead td.dt-head-right,table.dataTable thead th.dt-head-right {
    text-align: right
}

table.dataTable td.dt-justify,table.dataTable tfoot td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable th.dt-justify,table.dataTable thead td.dt-head-justify,table.dataTable thead th.dt-head-justify {
    text-align: justify
}

table.dataTable td.dt-nowrap,table.dataTable tfoot td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable th.dt-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable thead th.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody td.dt-body-left,table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center,table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right,table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify,table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-nowrap,table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable,table.dataTable td,table.dataTable th {
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom:1;padding: 15px 0;
    font-size: 1em
}

.dataTables_wrapper .dataTables_length {
    float: right;
    padding: 1em 0
}

.dataTables_wrapper .dataTables_filter {
    text-align: left;
    width: 100%;
    padding: .8em 0;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 1.25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none!important;
    cursor: hand;
    color: #fff!important;
    background: #4e6374;
    border-radius: 5px;
    border: 1px solid transparent
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff!important;
    background-color: #40404b;
    border-radius: 5px;
    background: -o-linear-gradient(top,#fff 0%,#dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    cursor: pointer;
    color: #fff!important;
    background: #294F7C;
    border-radius: 5px;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff!important;
    border: 1px solid #111;
    background-color: #20336b!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: 0;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2b2b2b),color-stop(100%,#0c0c0c));
    background: -webkit-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);
    background: linear-gradient(to bottom,#2b2b2b 0%,#0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%)
}

.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_processing {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0!important;
    padding: 0!important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody table,.dataTables_wrapper.no-footer div.dataTables_scrollHead table {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

table.dataTable span.highlight {
    background-color: #ff8
}

/* Hides FB iFrame, shrinks search, and shortens News/Events sections on mobile as per BCMUD request */

@media screen and (max-width: 767px) {
  	.home-content-social-feed {
  		display: none;
  	}

  	.search-container input[type="text"] {
    	min-height: 30px;
  	}

  	.search-container input[type="image"] {
      	max-width: 32px;
  	}

  	input.SEARCH_FORM_BOX {
      	width: 50%;
  	}

  	.home-columns .NEWS_FEED_DISPLAY_TABLE {
      	height: 212px;
      	overflow: scroll;
  	}
}

/* End mobile changes */

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate {
        float:none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length {
        float:none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

@media screen and (min-width: 500px) {
    header .logo img {
        max-width: 200px;
    }
}

@media screen and (min-width: 768px) {

   header {
       text-align: left;
       padding-top: 4rem;
   }
   .header-modded-flex {
       display: flex;
       flex-flow: row wrap;
   }

   .header-contact {
       padding: 1rem;
   }
   .phone-row, .email-row {
   display: block;
}

.email-row {
   margin-top: .3rem;
}

.email-row img {
   vertical-align: middle;
   margin-right: .5rem;
   margin-top: -.2rem
}
.header-row_column {
   width: 33%;
}

.header-contact .phone-detail {
   display: inline-block;
   vertical-align: middle;
}

.header-contact .phone-row img {
   margin-right: .5rem;
   vertical-align: middle;
}

.header-contact .phone-detail span {
   display: block;
   font-weight: 600;
}

.header-contact .phone-detail a {
   color: #75af8a
}

header .logo {
   margin-top: -60px;
   background: #FFF;
   border-radius: 50%;
   padding: 1rem;
}

header .logo img {
   max-width: 260px;
   padding: .2rem 1rem;
}

.more-events {
   /* display: block; */
   /* position: absolute; */
   /* right: 1rem; */
   /* top: 1.5rem; */
}


.home-content-events .NEWS_FEED_DISPLAY_TABLE,
.events-display_row {
   /* display: flex; */
   /* flex-flow: row wrap; */
   /* justify-content: space-between; */
}

.home-content-events .NEWS_FEED_DISPLAY_ROW_TITLE {
    /* width: 48%; */
    /* margin: .5rem .2rem; */
}

.home-events .NEWS_FEED_DISPLAY_ROW_TITLE,
.events-display_item {
   width: 32%;
}

footer {
   text-align: left;
}

.footer-flex_row {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
}

.footer-flex_column {
   width: 36%
}

.footer-flex_column:first-of-type {
   width: 25%
}

.search-container {
    margin-top: 1.3rem;
}




}

@media screen and (min-width: 800px) {
   .home-banner-bg {
       padding-bottom: 2rem;
   }
   .home-button-flex_item {
       width: 25%;
   }
}

@media screen and (min-width: 900px) {
   .news-social-row {
       display: flex;
       flex-flow: row wrap;
   }

   .home-content-news,
   .home-content-social {
       /* width: 50%; */
   }

.home-content-news {
   /* padding-right: 2rem; */
}

.more-news {
   display: inline-block
}

   .home-content-social-icon {
       padding-top: .5rem;
   }

   .home-content-social-secondary {
   padding: 0 .5rem;
   }
   .home-content-social-secondary p {
       display: inline-block;
       max-width: 150px;
   }

   .internal-content-wrapper {
       padding: 1rem;
   }
   .internal-content-flex {
       display: flex;
       flex-flow: row wrap;
       padding: 0;
   }

   .internal-content-sidebar {
       width: 30%;
       padding: 1rem;
       border-top-left-radius: 8px;
       border-top-right-radius: 0;
       border-bottom-left-radius: 8px;
       border-bottom-right-radius: 0;
   }

   .internal-content-main {
       width: 70%;
       padding: 1rem;
   }
   .header-contact {
       font-size: 1.3rem
   }
}

@media screen and (min-width: 1000px) {
    .home-columns {
        display: flex;
        flex-flow: row wrap;
    }

       .home-content-social-icon {
    max-width: 100px;
}

    .home-content-events, .home-content-news, .home-content-social {
        width: 33%;
    }

   .footer-flex_column {
   width: 25%
}

.footer-flex_column:first-of-type {
   width: 15%
}

header .logo {
    margin-top: -80px;
}
header .logo img {
    max-width: 325px;
}
header {
    padding-top: 5.5rem;
}

}

@media screen and (min-width: 1100px) {
.events-display_item,
.home-content-events .NEWS_FEED_DISPLAY_ROW_TITLE {
   /* width: 24%; */
}

.header-contact .phone-row img, .email-row img {
    width: 100%;
    max-width: 40px;
    margin-right: 1rem;
    margin-top: -.5rem;
}

.header-contact {
    font-size: 1.4rem;
    padding: 1rem 1rem 0 1rem;
}
.internal-content-sidebar {
    width: 25%;
}

.internal-content-main {
    width: 75%;
}

}

@media screen and (min-width: 1200px) {
   .home-content-events, .home-content-news {
       /* padding: 1rem 0; */
   }

   .home-content-social-icon {
       max-width: 150px;
   }

   .home-content-news {
       /* padding-right: 3rem; */
   }
   .more-events {
       /* right: 0 */
   }

   .header-contact {
       padding-left: 0;
   }
   .internal-content-wrapper {
       padding: 2rem 0;
   }
   .internal-content-sidebar {
       width: 22%;
   }
      .internal-content-main {
       width: 78%;
   }

   .internal-content-user {
       display: flex;
       flex-flow: row wrap;
   }
   .internal-content-user_main {
       width: 70%;
       padding-right: 2rem;
   }
   .internal-content-user_aside {
       width: 30%;
   }
}

/************************************
    PARKS ICONS GRID LAYOUT
 ************************************/
 .PARKSleft-container {
 	  float: left;
     width: 70%;
 }

 .PARKSright-container {
 	float: left;
     width: 30%;
 }

 .PARKScolumns-icons {
     float: left;
     width: 80px;
     margin: 5px;
     padding: 15px;
     text-align: center;
     color: #000;
     font-size: 8px;
 }

 .PARKScolumn-links p{
 	margin-left: 20px;
     max-width: 200px;
 }